<!--  -->
<template>
    <div>
    <!--内容-->
    <div class="m-container m-pad-tb-big m-opacity animated fadeIn">
        <div class="ui container">
            <div class="ui segment">
                <div class="m-margin-top m-opacity-none" align="center">
                    <img class="ui circular image" align="center" src="../../assets/images/about1.png" style="width: 150px;height: 150px;">
                </div>
                <div class="ui m-margin-tb" align="center">
                    <h2 class="ui header ">关于我</h2>
                    <div class="ui horizontal link list middle aligned">
                        <div class="item">
                            <i class="calendar icon "></i><span>{{user.updateTime | formatDate("YYYY-MM-DD")}}</span>
                        </div>
                        <div class="item">
                            <i class="eye icon"></i><span>{{user.views}}</span>
                        </div>
                    </div>
                </div>
                <div id="content" class="m-margin-lf-max m-margin-bottom-max" v-html="user.content">
                </div>
            </div>
        </div>
    </div>
    <br>
    <br>
    <br>
    </div>
</template>

<script>
export default {
    data () {
        return {
            user:"",
            ImgDomainName:this.$ImgDomainName
        };
    },
    created(){
        var _this =this
        _this.axios.get("/getAboutInfo")
        .then(res=>{
            _this.user = res.data.user
        }).catch(e=>{

        })
    }
}

</script>
<style lang='scss' scoped>
</style>